<!DOCTYPE html>
<style>
    .first { color:green; }
    .second { color:blue; }
</style>
<p>Test that a column-span:all in an inner multicol container breaks nicely within the outer
    multicol container.</p>
<p>There should be two lines with letters below, with large letter spacing. The first line should
    have green letters. The second line should have blue letters.</p>
<div style="-webkit-columns:4; -webkit-column-gap:0; column-fill:auto; width:8em; height:70px; font:16px/30px monospace; orphans:1; widows:1;">
    <div style="-webkit-columns:2; -webkit-column-gap:0;">
        <span class="first">C<br></span>
        <span class="first">A<br></span>
        <div style="-webkit-column-span:all;">
            <span class="second">M<br></span>
            <span class="first">N<br></span>
            <span class="second">R<br></span>
            <span class="first">I<br></span>
        </div>
        <span class="second">B<br></span>
        <span class="second">E<br></span>
        <span class="first">B<br></span>
        <span class="second">E<br></span>
        <span class="first">E<br></span>
        <span class="second">R<br></span>
    </div>
</div>
